<!DOCTYPE html>
<html lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>背景</title>
    <link type="text/css" rel="stylesheet" href="../css/style.css" />
</head>
<style>
  

    #section2 {
        background-image: url(../images/垃圾.jpg);
        background-size: cover;
        height: 100vh;
        background-position: center;

    }

    section {
        width: 100%;
        margin: 0;
        padding: 100px;
    }
    .bb1{
        padding: 20px 500px;
        font-size: 30px;
    }
    .bb2{
        padding: 20px 100px;
        font-size: 30px;
        color: rgb(255, 255, 255);
        float: right;
        font-weight: lighter;
    } .bb3{
        padding:30px 200px;
        font-size: 30px;
        float: left;
        color: rgb(54, 54, 54);
        font-weight: bold;
    }
    .bb4{
        padding:5px 30px;
        font-size: 30px;
        float: right;
    color: rgb(173, 173, 173)
    }
    .bb5{
        padding:20px 100px;
        font-size: 30px;
        
    }
    .bb6{
        padding:10px 200px;
        font-size: 30px;
        float: right;
    }
    .bb7{
        padding:10px 350px;
        font-size: 30px;
       color: rgb(0, 0, 0);
    }
    .bb8{
        padding:10px 200px;
        font-size: 30px;
        float: right;
        font-weight: bold;
    }
    .bb9{
        padding:10px 300px;
        font-size: 30px;
        float: left;
        color: rgb(175, 175, 175);
    }
    .bb10{
        padding:1px 500px;
        font-size: 30px;
        float: right;
        font-weight: lighter;
    }
</style>

<body>
    <nav id="main-menu">
        <ul>
            <li></li>
            <li></li>
            <li> <a class="obss-scroller" href="../index.html">首页</a> </li>
            <li> <a class="obss-scroller" href="环境保护的意义.html">环境保护的意义</a> </li>
            <li> <a class="obss-scroller" href="背景.html">环境保护背景</a> </li>
            <li> <a class="obss-scroller" href="举措.html">环境保护举措</a> </li>
            <li> <a class="obss-scroller" href="纪念日.html">有关环保纪念日</a> </li>

            <li> <a class="obss-scroller" href="关于.html">关于</a> </li>
        
<!--         
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li> -->
              
                
                <li  id="img1"><img src="../images/加号.png"></li>
                <ul id="list1">
                    <li class="content1"><a class="geren" href="关于.html">个人gitee</a>
                        
                    </li>
                    <li class="content1">
                        <a class="geren" href="关于.html">个人微博</a>
                    </li>
                </ul></ul>
    </nav>
    <section id="section2">

        <ul>
            <li class="bb1">土壤遭到破坏</li>
            <li class="bb2">气候变化和能源浪费温室效应</li>
            <li class="bb3">生物的多样性减少</li>
            <li class="bb4">森林面积的减少</li>
            <li class="bb5">淡水资源受到威胁</li>
            <li class="bb6">化学污染</li>
            <li class="bb7">混乱的城市化</li>
            <li class="bb8">海洋的过度开发和沿海地带被污染</li>
            <li class="bb9">空气污染</li>
            <li class="bb10">极地臭氧层空洞</li>
        </ul>

    </section>
    <footer> @前端技术基础 数艺19 吴宇艳</footer>
</body>

</html>